fix(cloud-function): proxy blog assets for live samples incl. avif (#12994)

Author: LeoMcA

cloud-function/src/app.ts

@@ -78,7 +78,10 @@ router.get(
 );
 // Attachments.
 router.get(
-  `/[^/]+/docs/*/*.(${ANY_ATTACHMENT_EXT.join("|")})`,
+  [
+    `/[^/]+/docs/*/*.(${ANY_ATTACHMENT_EXT.join("|")})`,
+    `/[^/]+/blog/*/*.(${ANY_ATTACHMENT_EXT.join("|")})`,
+  ],
   requireOrigin(Origin.main, Origin.liveSamples, Origin.play),
   resolveIndexHTML,
   proxyContentAssets

libs/constants/index.js

@@ -197,7 +197,7 @@ export const CSP_VALUE = cspToString(CSP_DIRECTIVES);
 // Always update client/src/setupProxy.js when adding/removing extensions, or it won't work on the dev server!
 export const AUDIO_EXT = ["mp3", "ogg"];
 export const FONT_EXT = ["woff2"];
-export const BINARY_IMAGE_EXT = ["gif", "jpeg", "jpg", "png", "webp"];
+export const BINARY_IMAGE_EXT = ["gif", "jpeg", "jpg", "png", "webp", "avif"];
 export const ANY_IMAGE_EXT = ["svg", ...BINARY_IMAGE_EXT];
 export const VIDEO_EXT = ["mp4", "webm"];